//# sourceURL=http://uMapApp/UI/Panel/Item/ListItem
define([
    "mhjs/mhjs"
], function (
    mhjs
) {

    function ListItem(option) {

        var _this = this;
        _this.isOpened = false;

        _this.ui = _this.ui || {};
        _this.ui.title = new mhjs.Div({"class": "title"});
        _this.ui.icon = new mhjs.Img({"class": "icon"});
        _this.ui.subtitle = new mhjs.Div({"class": "subtitle"});


        mhjs.Div.call(_this, option);
        _this.addClass("listItem");

        _this
            .append(_this.ui.title)
            .append(_this.ui.icon)
            .append(_this.ui.subtitle)
        ;

    }

    var _class = ListItem;
    mhjs.Inherit(_class, mhjs.Div);


    Object.defineProperties(_class.prototype, {
        "title"   : {
            set: function (title) {
                var _this = this;
                _this._title = title;
                _this.ui.title.text(title);
            },
            get: function () {
                return this._title;
            }
        },
        "icon"    : {
            set: function (icon) {
                var _this = this;
                _this._icon = icon;
                _this.ui.icon.attr("src", icon);
            },
            get: function () {
                return this._icon;
            }
        },
        "subtitle": {
            set: function (subtitle) {
                var _this = this;
                _this._subtitle = subtitle;
                _this.ui.subtitle.text(subtitle);
            },
            get: function () {
                return this._subtitle;
            }
        }

    });

    return _class;

});